.sample-data-container {
  .right-wrap {
    .main-wrap {
      padding: 10px 12px;
      .first-title {
        font-size: 14px;
        color: #3C3C3C;
        padding-bottom: 10px;
        border-bottom: 1px solid #E5E5E5;
      }
      .sample-wrap {
        margin-left: -10px;
        margin-right: -10px;
        .sample-item {
          position: relative;
          width: 25%;
          float: left;
          .pos-wrap {
            padding: 10px;
            position: relative;
            .hover-wrap {
              position: relative;
              img {
                width: 100%;
                height: 230px;
              }
              &:hover {
                .hidden-wrap {
                  display: block;
                }
              }
              .hidden-wrap {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background: linear-gradient(rgba(0,0,0,0.13), rgba(0,0,0,1));
                background: -webkit-linear-gradient(rgba(0,0,0,0.13), rgba(0,0,0,1)); /* Safari 5.1 - 6.0 */
                background: -o-linear-gradient(rgba(0,0,0,0.13), rgba(0,0,0,1)); /* Opera 11.1 - 12.0 */
                background: -moz-linear-gradient(rgba(0,0,0,0.13), rgba(0,0,0,1)); /* Firefox 3.6 - 15 */
                text-align: center;
                .btn {
                  color: #fff;
                  border: 1px solid #fff;
                  background: transparent;
                  width: 120px;
                  height: 40px;
                  line-height: 40px;
                  text-align: center;
                  font-size: 16px;
                  margin-top: 95px;
                  .icon {
                    margin-right: 5px;
                  }
                }
              }
            }
            .title {
              font-size: 14px;
              margin-top: 10px;
              color: #666;
              line-height: 20px;
              height: 20px;
              overflow: hidden;
              text-overflow:ellipsis;
              white-space: nowrap;
            }
          }
        }
      }
    }
  }
}